<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">

    <!-- 引入welcome样式文件 -->
    <link rel="stylesheet" href="./css/welcomwm.css">
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>



    <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>

    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <!-- 第一行 -->
            <div class="firstLine">

                <div class="column adminUser ">
                    <div class="inner_left">
                        <img src="./images/wuminUser.png" alt="">
                    </div>
                    <div class="inner_right">
                        <p>管理员用户</p>
                        <b id="adminUser">5</b>&nbsp;名
                    </div>
                </div>
                <div class="column regUser">
                    <div class="inner_left">
                        <img src="./images/wuminReg.png" alt="">
                    </div>
                    <div class="inner_right">
                        <p>平台注册用户</p>
                        <b id="regUser">5</b>&nbsp;名
                    </div>
                </div>
                <div class="column articleNum">
                    <div class="inner_left">
                        <img src="./images/wuminArticle.png" alt="">
                    </div>
                    <div class="inner_right">
                        <p>平台文章总数</p>
                        <b id="articleNum">5</b>&nbsp;篇
                    </div>
                </div>
                <div class="column advPos">
                    <div class="inner_left">
                        <img src="./images/wuminAdv.png" alt="">
                    </div>
                    <div class="inner_right">
                        <p>广告位 <b id="advPos">2</b>&nbsp;个</p>
                        <p>广告图 <b id="advImg">2</b>&nbsp;张</p>
                    </div>
                </div>

            </div>
            <!-- 第二行 -->
            <div class="twoLine">
                <div class="column addUser">
                    <div class="header_pub">新增用户名</div>
                    <div class="main">
                        <div class="marquee">
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                            <div class="row">
                                <img src="./images/zhangxiaoqiang.png"></img>
                                <span class="username">张小强</span>
                                <span class="col">PC端</span>
                                <span class="col">20篇</span>
                                <span class="col">2019年</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 文章发布数量 -->
                <div class="column article_pub">
                    <div class="header_pub">文章发布数量及来源分布</div>
                    <div class="chart">
                        <div class="pie">

                        </div>
                    </div>
                </div>
                <!-- 各分类文章数据分析 -->
                <div class="column article_date">
                    <div class="header_pub">各分类文章数据分析</div>
                    <div class="chart">
                        <div class="bar">

                        </div>
                    </div>
                </div>
            </div>
            <!-- 第三行 -->
            <!-- 近12年各月文章数量发布数分析 -->
            <div class="threeLine analyze_month">
                <div class="column ">
                    <div class="header_month">近12年各月文章数量发布数分析</div>
                    <div class="chart">
                        <div class="line">

                        </div>
                    </div>
                </div>
            </div>
</body>
<!-- 引入echarts -->
<script src="./node_modules/echarts/dist/echarts.min.js"></script>
<!-- <script src="/echarts.min.js"></script> -->
<!-- 引入jquery文件 -->
<script src="./js/jquery.min.js"></script>
<!-- 引入webAPI -->
<!-- <script src="./js/webAPI.js"></script> -->
<!-- 引入welcom的js文件 -->
<script src="./js/welcomwm.js"></script>

</html>

</html>